
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="慧友云商,十九大,大家社区,党建,智慧,中央网信办移动局,人民论坛网,软件开发">
    <meta name="description" content="党建项目十九大理论竞赛慧友云商技术支持"/>
    <title>十九大理论学习竞赛</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="__PUBLIC__index/css/common.css">
    <link rel="stylesheet" href="__PUBLIC__index/css/page4.css">
</head>
<body>
<div class="page4">
    <div class="page4_welcome">
        <img src="__PUBLIC__index/img/page4_head.png">
        <i>你是第{$rank}位挑战者</i>
    </div>
    <div class="page4_info">
        <p class="page4_info_answer">答对<i>{$number}</i>道题，获得<i
                class="page4_info_answer_score">{$score}</i>分</p>

        <div class="page4_info_btn_two clearfix">
            <!--<img class="page4_info_btn_two_left" id="_repeat"
                 src="__PUBLIC__index/img/btn_repeatAnswer.png">-->
            <img class="page4_info_btn_two_right" id="share"
                 src="__PUBLIC__index/img/btn_share.png">
        </div>

        <p class="page4_rank">
            <span><label>{$city}当前总分：</label><i>{$city_score}</i> 分</span>
            <span><label>省排名：</label><i>
                        {$city_rank}
                    </i></span>
        </p>

    </div>

    <div class="page4_rankTop">
        <div class="page4_rankTop_topBg"></div>
        <ul class="page4_rankTop_list active">
            {foreach $city_lists as $k => $vo}
            {switch name="$k" }
            {case value="0" break="0或1"}
            <li class="page4_rankTop_item borderPx1 page4_rankTop_item_first">
                <div class="page4_rankTop_rank">
                    <i>{$k+1}</i>
                    <img src="https://cdns1.dajiashequ.com/da19/v20/page4_img01.png">
                </div>
                <p class="page4_rankTop_province">{$vo.city}</p>
                <p class="page4_rankTop_score">{$vo.number}分</p>
            </li>
            {/case}
            {case value="1"}
            <li class="page4_rankTop_item borderPx1 page4_rankTop_item_first">
                <div class="page4_rankTop_rank">
                    <i>{$k+1}</i>
                    <img src="https://cdns1.dajiashequ.com/da19/v20/page4_img02.png">
                </div>
                <p class="page4_rankTop_province">{$vo.city}</p>
                <p class="page4_rankTop_score">{$vo.number}分</p>
            </li>

            {/case}
            {case value="2"}
            <li class="page4_rankTop_item borderPx1 page4_rankTop_item_first">
                <div class="page4_rankTop_rank">
                    <i>{$k+1}</i>
                    <img src="https://cdns1.dajiashequ.com/da19/v20/page4_img03.png">
                </div>
                <p class="page4_rankTop_province">{$vo.city}</p>
                <p class="page4_rankTop_score">{$vo.number}分</p>
            </li>

            {/case}
            {default /}
            <li class="page4_rankTop_item borderPx1">
                <div class="page4_rankTop_rank">
                    <div class="page4_rankTop_rank_bg">
                        <i>{$k+1}</i>
                    </div>
                </div>
                <p class="page4_rankTop_province">{$vo.city}</p>
                <p class="page4_rankTop_score">{$vo.number}分</p>
            </li>
            {/switch}

            {/foreach}

        </ul>
    </div>
</div>
<div class="page4_share_overlay">
    <img class="page4_share_overlay_img" src="https://cdns1.dajiashequ.com/da19/v20/share.png">
    <div class="page4_share_overlay_text">
        <p>点击右上角</p>
        <p>分享到 微信群 或者 朋友圈</p>
        <p>邀请好友一起答题吧！</p>
    </div>
    <input type="hidden" id="questionnaireID" value="99585633165328566"/>
    <input type="hidden" id="questionnaireResultID" value="2746206765391169852"/>
    <input type="hidden" id="baseUrl" value="https://19th5.rmlt.com.cn/index/19da"/>
    <input type="hidden" id="isInWeChat" value="no"/>
    <input type="hidden" id="myRank" value="7"/>
    <input type="hidden" id="provinceName" value="北京"/>
    <input type="hidden" id="myScore" value="40"/>
</div>
<script src="__PUBLIC__index/js/zepto.min.js"></script>
<script>
    Zepto(function ($) {
       $(".page4_rankTop_categary").on("click", ".rankTop_categary-class", function () {
            $(".rankTop_categary-class").removeClass("active");
            $(".page4_rankTop_list").removeClass("active");
            $(this).addClass("active");
            if ($(this).index() === 0) {
                $(".page4_rankTop_list").eq(0).addClass("active");
            } else {
                $(".page4_rankTop_list").eq(1).addClass("active");
            }
        });
        $("#share").on("click", function () {
            $(".page4_share_overlay").css('display', 'block');
        });
        $(".page4_share_overlay").on("click", function () {
            $(this).css('display', 'none');
        });
        $("#_repeat").on("click", function () {
            window.location.href = "/index/index/index";
        });
    });
</script>
</body>
</html>
